.pub_mine_index {
    min-height: 100vh;
    padding: var(--status-bar-height) 0 0 0;

    .page_box {
        padding: 0 30rpx;

        .user_div {
            display: flex;
            align-items: center;
            padding: 40rpx 0 20rpx 0;

            .headimg {
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
                overflow: hidden;
            }

            .invite {
                width: 100rpx;
                height: 100rpx;
                padding: 10rpx;
            }

            .text {
                width: calc(100% - 220rpx);
                padding: 0 0 0 30rpx;

                .name {
                    height: 54rpx;
                    display: flex;

                    .span {
                        line-height: 44rpx;
                        color: #000000;
                        font-size: 32rpx;
                        font-weight: bold;
                        padding: 10rpx 0 0 0;
                    }

                    .span_red {
                        color: #E30202;
                    }

                    .span_1 {
                        height: 54rpx;
                        width: 54rpx;
                        background: url("@/static/aimg/img_24.png") center no-repeat;
                        background-size: 54rpx;
                        margin: 0 14rpx 0 0;
                    }

                    .span_1_no {
                        background: url("@/static/aimg/img_43.png") center no-repeat;
                        background-size: 54rpx;
                    }

                    .span_2 {
                        height: 44rpx;
                        width: 44rpx;
                        background: url("@/static/aimg/img_23.png") center no-repeat;
                        background-size: 44rpx;
                        margin: 10rpx 0 0 4rpx;
                    }

                    .span_3 {
                        width: 70rpx;
                        height: 34rpx;
                        line-height: 34rpx;
                        color: #CF943C;
                        font-size: 20rpx;
                        border-radius: 17rpx;
                        text-align: center;
                        margin: 16rpx 0 0 20rpx;
                        background-image: linear-gradient(to right, #FFE8C1, #FFDE76);
                    }
                }

                .labels {
                    display: flex;
                    margin-top: 10rpx;
                    width: 100%;

                    .li {
                        margin: 0 10rpx 0 0;
                        width: 52rpx;

                        .img {
                            width: 42rpx;
                            height: 42rpx;
                            margin: 0 auto;
                        }

                        .txt {
                            width: 100%;
                            line-height: 28rpx;
                            color: #484B5B;
                            font-size: 18rpx;
                            text-align: center;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            margin-top: 6rpx;
                        }
                    }
                }

                .invi_txt {
                    line-height: 40rpx;
                    color: #37538B;
                    font-size: 24rpx;
                    margin-top: 10rpx;
                    font-weight: bold;

                    .copy {
                        color: #fff;
                        border-radius: 4rpx;
                        height: 30rpx;
                        line-height: 30rpx;
                        margin: 5rpx 0 0 20rpx;
                        padding: 0 14rpx;
                        font-size: 20rpx;
                        display: inline-block;
                        vertical-align: top;
                        background-image: linear-gradient(to left top, #6BD4FF, #3372FF);
                    }
                }
            }
        }

        .nums_div {
            .vip {
                width: calc(100% - 50rpx);
                margin: 0 auto;
                background-image: linear-gradient(to right, #87DDFE, #4E89FE);
                border-top-left-radius: 14rpx;
                border-top-right-radius: 14rpx;
                position: relative;
                padding: 20rpx 120rpx;

                .icon {
                    width: 54rpx;
                    height: 54rpx;
                    background: url("@/static/aimg/img_23.png") center no-repeat;
                    background-size: 54rpx;
                    position: absolute;
                    left: 30rpx;
                    top: 50%;
                    margin-top: -27rpx;
                }

                .p_1 {
                    height: 20rpx;
                    background: url("@/static/aimg/img_35.png") left center no-repeat;
                    background-size: auto 20rpx;
                }

                .p_2 {
                    line-height: 28rpx;
                    color: #0C5DFF;
                    font-size: 20rpx;
                    margin-top: 8rpx;
                }

                .btn {
                    height: 54rpx;
                    background-image: linear-gradient(to right, #fff, #DCE8FF);
                    position: absolute;
                    right: 30rpx;
                    top: 50%;
                    margin-top: -27rpx;
                    line-height: 54rpx;
                    color: #0C5DFF;
                    font-size: 22rpx;
                    border-radius: 27rpx;
                    width: 136rpx;
                    text-align: center;
                }
            }

            .num {
                background-image: linear-gradient(to right, #EEFAFF, #F2F7FF);
                border-radius: 8rpx;
                padding: 6rpx 0;

                .li {
                    background-color: #FFFFFF;
                    width: calc(100% - 12rpx);
                    margin: 0 auto;
                    border-radius: 8rpx;
                    display: flex;
                    justify-content: space-between;
                    padding: 26rpx 30rpx;

                    .left {
                        line-height: 56rpx;
                        font-size: 32rpx;
                        color: #37538B;

                        .span {
                            color: #4E89FE;
                            font-size: 48rpx;
                            font-weight: bold;
                            padding: 0 4rpx 0 12rpx;
                            line-height: 56rpx;
                            display: inline-block;
                            vertical-align: top;
                        }
                    }

                    .pub_btn {
                        width: 136rpx;
                        height: 56rpx;
                        line-height: 56rpx;
                        margin: 0;
                        font-size: 24rpx;
                    }

                    .pub_btn_a {
                        display: flex;
                    }

                    .pub_btn_1 {
                        width: 100rpx;
                        margin: 0 0 0 10rpx;
                    }
                }
            }

            .num_1 {
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-top: 14rpx;

                .li {
                    width: 30%;
                    border-radius: 14rpx;
                    background-image: linear-gradient(to left top, #FF3745, #FF69EA);
                    padding: 10rpx;

                    .p_1 {
                        line-height: 80rpx;
                        font-size: 24rpx;
                        color: #FFFFFF;
                        text-align: center;
                    }

                    .p_2 {
                        background-color: #fff;
                        border-radius: 6rpx;
                        height: 120rpx;
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        .txt {
                            font-size: 50rpx;
                            color: #FF4F93;
                            line-height: 60rpx;
                            font-weight: bold;
                            position: relative;
                        }

                        .txt::before {
                            // content: "CTT";
                            position: absolute;
                            left: calc(100% + 20rpx);
                            bottom: 0;
                            font-size: 20rpx;
                            font-weight: normal;
                            color: #AABBDE;
                            line-height: 46rpx;
                        }

                        .txt_o {
                            position: absolute;
                            bottom: 8rpx;
                            left: 0;
                            font-size: 20rpx;
                            font-weight: normal;
                            color: #AABBDE;
                            width: 100%;
                            line-height: 28rpx;
                            text-align: center;
                        }
                    }
                }

                .li_2 {
                    background-image: linear-gradient(to left top, #7BA7FF, #4B16FE);

                    .p_2 {
                        .txt::before {
                            content: "个";
                        }

                        .txt {
                            color: #666AFE;
                        }
                    }
                }

                .li_3 {
                    background-image: linear-gradient(to left top, #6BD4FF, #3372FF);

                    .p_2 {
                        .txt::before {
                            content: "个";
                        }

                        .txt {
                            color: #4E89FE;
                        }
                    }
                }
            }
        }

        .tools_div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 60rpx;
            padding: 0 20rpx;

            .li {
                // width: 20%;
                // max-width: 20%;

                .img {
                    width: 84rpx;
                    height: 84rpx;
                    margin: 0 auto;
                }

                .txt {
                    line-height: 34rpx;
                    color: #4D4D4D;
                    font-size: 24rpx;
                    text-align: center;
                    margin-top: 12rpx;
                }
            }

            .li_big {
                width: 100%;
                display: flex;
                margin-top: 60rpx;
                position: relative;

                .img {
                    width: 52rpx;
                    height: 52rpx;
                    margin: 0 20rpx 0 0;
                }

                .txt {
                    line-height: 52rpx;
                    color: #4D4D4D;
                    font-size: 24rpx;
                }

                .icon-font-basic {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -10rpx;
                    font-size: 20rpx;
                    color: #A6A6A6;
                }
            }
        }
    }
}

.pub_fws {
    .page_box {
        .banner_div {
            width: 100%;
            height: 100%;

            .swiper {
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            .swiper_item {
                width: 100%;
                height: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            ::v-deep uni-swiper .uni-swiper-dot {
                background-color: #fff;
                opacity: 0.6;
            }

            ::v-deep uni-swiper .uni-swiper-dot-active {
                background-color: #fff;
                opacity: 1;
            }
        }
    }

}

.pub_mine_info {
    height: 100vh;

    .page_box {
        padding: 13vw 30rpx 0 30rpx;

        .headimg {
            width: 200rpx;
            margin: 0 auto;

            .img {
                width: 200rpx;
                height: 200rpx;
                border-radius: 50%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                overflow: hidden;
                // border: 4rpx solid rgba(0, 107, 85, 0.8);
            }

            .p {
                line-height: 40rpx;
                text-align: center;
                font-size: 28rpx;
                color: #333;
                margin-top: 20rpx;
            }
        }

        .pub_inputs {
            .ali {
                background-color: #EBEDEC;
            }
        }
    }
}

.pub_mine_label {
    background-color: #F4F6FA;

    .lis_div {
        width: calc(100% - 48rpx);
        margin: 30rpx auto;
        background-color: #fff;
        border-radius: 16rpx;
        padding: 28rpx 28rpx 40rpx 28rpx;

        .title {
            height: 60rpx;
            line-height: 40rpx;
            color: #1661F6;
            font-size: 28rpx;
            font-weight: bold;
            position: relative;
        }

        .title::before {
            width: 52rpx;
            height: 8rpx;
            background: url("@/static/aimg/img_21.png") center no-repeat;
            background-size: 52rpx 8rpx;
            position: absolute;
            bottom: 0;
            left: 0;
            content: "";
        }

        .lis {
            width: 100%;
            display: flex;
            flex-wrap: wrap;

            .li {
                width: 20%;
                margin: 40rpx 0 0 0;

                .img_box {
                    width: 90rpx;
                    height: 90rpx;
                    box-shadow: 0px -6px 12px 2px #D5E3FF;
                    border-radius: 50%;
                    margin: 0 auto 10rpx auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .img_box_1 {
                    background: linear-gradient(180deg, #DAE7FF 0%, #FFFFFF 100%);
                    box-shadow: none;
                }

                .img {
                    width: 74rpx;
                    height: 74rpx;
                    position: relative;
                }

                .txt {
                    line-height: 40rpx;
                    color: #000000;
                    font-size: 24rpx;
                    text-align: center;
                }
            }
        }
    }

    .label_alert_div {
        width: 100vw;
        height: 100%;
        background-color: rgba($color: #000000, $alpha:0.6);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 101;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;

        .alert_box {
            width: 90vw;
            margin: 0 5vw;
            background: url("@/static/aimg/img_32.png") center no-repeat;
            background-size: 100% 100%;
            margin-bottom: 40rpx;
            padding: 70rpx 70rpx 80rpx 70rpx;

            .logo {
                width: 180rpx;
                height: 180rpx;
                margin: 0 auto;
            }

            .title {
                color: #4E89FE;
                font-size: 48rpx;
                font-weight: bold;
                text-align: center;
                line-height: 60rpx;
                margin: 40rpx 0 0 0;
            }

            .msg {
                color: #485774;
                font-size: 28rpx;
                line-height: 40rpx;
                margin: 60rpx 0 60rpx 0;
                padding: 60rpx 20rpx;
                text-align: center;
                background-color: #FFFFFF;
                border-radius: 24rpx;
            }
        }

        .close {
            color: #fff;
            font-size: 60rpx;
        }
    }
}

.pub_mine_cttsend {
    background: url("@/static/aimg/img_44.png") bottom center no-repeat;
    background-size: 100% 110%;

    .page_box {

        .input_div {
            width: calc(100% - 60rpx);
            border-radius: 24rpx;
            margin: 52rpx auto 32rpx auto;

            .title {
                font-size: 28rpx;
                color: #2358C0;
                line-height: 40rpx;
                font-weight: bold;
            }

            .msg {
                font-size: 24rpx;
                color: #2358C0;
                line-height: 34rpx;
                margin-top: 12rpx;
            }

            .inputs {
                width: 100%;

                .input {
                    width: 100%;
                    height: 110rpx;
                    padding: 25rpx 20rpx;
                    background-color: #FFFFFF;
                    border-radius: 16rpx;
                    margin-top: 24rpx;
                    position: relative;

                    input {
                        width: 100%;
                        height: 60rpx;
                        line-height: 60rpx;
                        font-size: 32rpx;
                        color: #333;
                    }
                }
            }

            .pub_btn {
                width: 70%;
            }
        }

        .lis_div {
            width: calc(100% - 60rpx);
            margin: 0 auto;

            .tabs {
                display: flex;
                justify-content: space-around;

                .tab {
                    width: 240rpx;
                    height: 80rpx;
                    line-height: 80rpx;
                    text-align: center;
                    font-size: 32rpx;
                    color: #4173D5;
                    font-weight: bold;
                    background-image: linear-gradient(#D3E1FF, #BDD3FF);
                    border-top-right-radius: 24rpx;
                    border-top-left-radius: 24rpx;
                }

                .tab_active {
                    color: #fff;
                    background-image: linear-gradient(to right, #4E4FFE, #4E89FE);
                }

            }

            .lis_box {
                background-color: #fff;
                border-radius: 24rpx;
                min-height: 600rpx;
                padding: 20rpx;
            }

            .li_td {
                display: flex;

                .li {
                    width: 20%;
                    position: relative;
                    line-height: 74rpx;
                    text-align: center;
                    font-size: 20rpx;
                    color: #000;
                    border-radius: 12rpx;

                    .pub_btn {
                        width: 90%;
                        height: 44rpx;
                        line-height: 44rpx;
                        font-size: 20rpx;
                        margin: 15rpx auto;
                    }

                    .pub_btn_no {
                        color: #4E89FE;
                        background-image: linear-gradient(to right, #D4E2FF, #DCE8FF);
                    }
                }

                .li_big {
                    width: 40%;
                }
            }

            .li_th {
                background-color: #EDF3FF;
                margin-bottom: 10rpx;

                .li {
                    font-size: 24rpx;
                    color: #1661F6;
                    font-weight: bold;
                }

                .li::before {
                    width: 2rpx;
                    height: 34rpx;
                    background-color: #FFFFFF;
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -17rpx;
                }

                .li:first-child::before {
                    height: 0;
                }
            }
        }
    }
}

.pub_mine_business {
    background: url("@/static/aimg/img_45.png") center no-repeat;
    background-size: 100% 100%;

    .page_box {
        .input_div {}
    }
}

.pub_invite {
    .page_box {
        position: relative;

        .bg_img {
            width: 100vw;
            height: auto;
        }

        .img_box {
            width: 38vw;
            height: 38vw;
            position: absolute;
            left: 50%;
            top: 92.3vw;
            margin-left: -19vw;


            .qrcode_img {
                width: 38vw;
                height: 38vw;
                margin: 0 auto;
                border-radius: 20rpx;
                overflow: hidden;
            }
        }


        .btn {
            position: absolute;
            top: 190vw;
            left: 50%;
            margin-left: -205rpx;
            width: 410rpx;
            line-height: 126rpx;
            height: 126rpx;
            text-align: center;
            color: #fff;
            font-size: 40rpx;
            font-weight: bold;
            box-sizing: border-box;
            background: url("@/static/aimg/img_85.png") center no-repeat;
            background-size: 100% 100%;
            letter-spacing: 4rpx;
        }
    }
}

.pub_team {
    // background: url("@/static/aimg/img_44.png") bottom center no-repeat;
    // background-size: 100vw 110%;
    background-color: #F4F6FA;
    min-height: 100vh;

    .page_box {
        padding: 24rpx 24rpx;

        .page_div {
            background-color: #fff;
            border-radius: 14rpx;

            .level_div {
                border-top-left-radius: 14rpx;
                border-top-right-radius: 14rpx;
                height: 98rpx;
                padding: 0 34rpx;
                color: #FFFFFF;
                font-size: 28rpx;
                font-weight: bold;
                line-height: 98rpx;
                background-image: linear-gradient(to right, #87DDFE, #4E89FE);

                .level {
                    width: 70rpx;
                    height: 34rpx;
                    line-height: 34rpx;
                    color: #CF943C;
                    font-size: 20rpx;
                    border-radius: 17rpx;
                    text-align: center;
                    margin: 32rpx 0 0 20rpx;
                    display: inline-block;
                    vertical-align: top;
                    background-image: linear-gradient(to right, #FFE8C1, #FFDE76);
                }
            }

            .lis_div {
                padding: 0 34rpx;

                .title {
                    color: #1661F6;
                    line-height: 100rpx;
                    font-size: 28rpx;
                    font-weight: bold;
                }

                .li {
                    margin-bottom: 18rpx;
                    display: flex;

                    .headimg {
                        width: 48rpx;
                        height: 48rpx;
                        border-radius: 50%;
                        overflow: hidden;
                        margin: 0 8rpx 0 0;
                    }

                    .span {
                        display: flex;
                        justify-content: flex-start;
                        height: 48rpx;
                        flex: 1;

                        .span_0 {
                            line-height: 48rpx;
                            color: #000000;
                            font-size: 20rpx;
                            font-weight: bold;
                        }

                        .span_red {
                            color: #E30202;
                        }

                        .span_1 {
                            height: 48rpx;
                            width: 48rpx;
                            background: url("@/static/aimg/img_24.png") center no-repeat;
                            background-size: 48rpx;
                            margin: 0 14rpx 0 0;
                        }

                        .span_1_no {
                            background: url("@/static/aimg/img_43.png") center no-repeat;
                            background-size: 48rpx;
                        }

                        .span_2 {
                            height: 48rpx;
                            width: 48rpx;
                            background: url("@/static/aimg/img_23.png") top 12rpx center no-repeat;
                            background-size: 32rpx;
                            margin: 0 0 0 4rpx;
                        }

                        .span_3 {
                            width: 60rpx;
                            height: 28rpx;
                            line-height: 28rpx;
                            color: #CF943C;
                            font-size: 16rpx;
                            font-weight: bold;
                            border-radius: 14rpx;
                            text-align: center;
                            margin: 12rpx 0 0 8rpx;
                            background-image: linear-gradient(to right, #FFE8C1, #FFDE76);
                        }
                    }

                    .txt {
                        width: 40%;
                        display: flex;
                        justify-content: space-between;

                        .p {
                            line-height: 48rpx;
                            color: #000;
                            font-size: 20rpx;
                        }
                    }
                }
            }

            .nums_div {
                padding: 0 34rpx;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                border-top: 6rpx solid #F8FBFF;
                border-bottom: 6rpx solid #F8FBFF;

                .li_1 {
                    width: 48%;
                    padding: 38rpx 0;

                    .p_1 {
                        line-height: 60rpx;
                        color: #1661F6;
                        font-size: 44rpx;
                        text-align: center;
                        font-weight: bold;
                    }

                    .p_2 {
                        line-height: 34rpx;
                        color: #979EAC;
                        font-size: 24rpx;
                        text-align: center;
                    }
                }

                .li_2 {
                    width: 48%;
                    padding: 38rpx 0;
                    background-color: #F3F7FF;
                    border-radius: 8rpx;

                    .p_1 {
                        line-height: 60rpx;
                        color: #363636;
                        font-size: 44rpx;
                        text-align: center;
                        font-weight: bold;
                    }

                    .p_2 {
                        line-height: 34rpx;
                        color: #485774;
                        font-size: 24rpx;
                        text-align: center;
                    }
                }

                .li_3 {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    margin-top: 16rpx;

                    .p_1 {
                        color: #37538B;
                        line-height: 34rpx;
                        font-size: 24rpx;
                    }


                    .p_2 {
                        color: #AABBDE;
                        line-height: 34rpx;
                        font-size: 24rpx;

                        .num {
                            line-height: 28rpx;
                            font-weight: bold;
                            font-size: 28rpx;
                            color: #4E89FE;
                            margin: 0 4rpx 0 0;
                        }
                    }
                }

                .li_3_1 {
                    margin-top: 24rpx;
                }

                .li_3_2 {
                    margin-bottom: 20rpx;
                }
            }
        }
    }
}

.pub_mine_log {
    background: url("@/static/aimg/img_44.png") bottom center no-repeat;
    background-size: 100% 110%;
    height: 100vh;

    .page_box {

        .search_btn_box {
            position: fixed;
            top: calc(20rpx + var(--status-bar-height));
            right: 30rpx;
            width: 140rpx;
            height: 60rpx;
            z-index: 10000000;

            .search_btn {
                font-size: 24rpx;
                height: 60rpx;
                line-height: 60rpx;
                width: 140rpx;
                text-align: center;
                color: #fff;
                background-image: linear-gradient(to right, #08AD82, #006B55);
                border-radius: 30rpx;
            }
        }



        .lis_div {
            height: 100%;

            .lis {
                padding: 1rpx 30rpx;

                .li {
                    width: 100%;
                    background-color: #fff;
                    position: relative;
                    padding: 20rpx 200rpx 20rpx 30rpx;
                    border-radius: 24rpx;
                    margin: 30rpx 0;

                    .txt {
                        line-height: 36rpx;
                        color: #333;
                        font-size: 28rpx;
                        margin-bottom: 6rpx;
                        font-weight: bold;
                    }

                    .time {
                        line-height: 40rpx;
                        color: #999999;
                        font-size: 24rpx;
                        margin-top: 10rpx;
                    }

                    .num {
                        line-height: 40rpx;
                        color: #E17070;
                        font-size: 28rpx;
                        position: absolute;
                        right: 30rpx;
                        top: 50%;
                        margin-top: -20rpx;
                        font-weight: bold;
                    }

                    .num_add {
                        color: #01735A;
                    }
                }
            }
        }
    }
}


.pub_wallet_withdraw {
    background-color: #f8f8f8;
    .page_box {
        padding: 0 28rpx;

        .msg_div {
            width: 100%;
            padding: 20rpx 0 60rpx;

            .img {
                width: 100rpx;
                height: auto;
                margin-bottom: 30rpx;
            }

            .p {
                line-height: 32rpx;
                font-size: 24rpx;
                color: #666;
            }
        }
    }
}

.pub_wallet_recharge {
    background-color: #f8f8f8;

    .page_box {
        padding: 0 28rpx;

        .pub_inputs {
            .ali_1 {
                margin: 0;

                .atitle {
                    width: 100%;
                }
            }

            .ali_1:nth-child(1) {
                padding: 36rpx 40rpx 36rpx 120rpx;
            }

            .ali_2 {

                .atitle {
                    width: 50%;
                }

                .atxt {
                    width: 50%;
                    text-align: right;
                    height: 40rpx;

                    .atxt_1 {
                        color: #AD85FF;
                        font-size: 24rpx;
                        line-height: 40rpx;
                        height: 40rpx;
                        padding: 0 0 0 44rpx;
                        display: inline-block;
                        vertical-align: top;
                    }

                    .atxt_2 {
                        color: #ff0000;
                        font-size: 28rpx;
                        line-height: 40rpx;
                        height: 40rpx;
                        display: inline-block;
                    }
                }

                .ainput {
                    width: 100%;
                    color: #fff;
                    font-size: 28rpx;
                    height: 80rpx;
                    line-height: 40rpx;
                    margin-top: 20rpx;
                    background-color: rgba(255, 255, 255, 0.09);
                    border-radius: 8rpx;
                    padding: 20rpx;
                }
            }
        }


    }
}

.pub_wallet_log {
    background-color: #f8f8f8;

    .page_box {
        // min-height: 100vh;

        .lis_div {
            height: 100%;

            .lis {
                padding: 1rpx 30rpx;

                .li {
                    width: 100%;
                    background-color: #fff;
                    position: relative;
                    padding: 30rpx 30rpx;
                    border-radius: 24rpx;
                    margin: 30rpx 0;

                    .txts {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                    }

                    .txt {
                        width: 31%;
                        background-color: rgba(255, 255, 255, 0.09);
                        border-radius: 10rpx;
                        padding: 20rpx;
                        margin-top: 20rpx;


                        .p_1 {
                            width: 100%;
                            color: #666;
                            font-size: 24rpx;
                            line-height: 40rpx;
                            text-align: center;
                        }

                        .p_2 {
                            line-height: 40rpx;
                            color: #333;
                            font-size: 32rpx;
                            margin-top: 10rpx;
                            font-weight: bold;
                            text-align: center;
                        }
                    }

                    .rtxt {
                        width: 100%;
                        color: #333;
                        font-size: 24rpx;
                        line-height: 40rpx;
                        margin-top: 10rpx;

                        span {
                            color: #4E89FE;
                            font-size: 32rpx;
                            font-weight: bold;
                        }
                    }

                    .time {
                        line-height: 40rpx;
                        color: #888;
                        font-size: 24rpx;
                        width: 100%;

                        .status {
                            line-height: 40rpx;
                            color: #E17070;
                            font-size: 28rpx;
                            float: right;
                        }
                    }
                }
            }
        }
    }
}